import {createRouter, createWebHistory} from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
    {
        path: '/',
        name: 'home',
        component: HomeView
    },
    {
        path: '/vortex',
        name: 'vortex',
        component: () => import('../views/Vortex/index.vue')
    },
    {
        path: '/spider',
        name: 'spider',
        component: () => import('../views/Spider/index.vue')
    },
    {
        path: '/firework',
        name: 'firework',
        component: () => import('../views/Firework/index.vue')
    },
    {
        path: '/tree',
        name: 'tree',
        component: () => import('../views/Tree/index.vue')
    },
    {
        path: '/dot',
        name: 'dot',
        component: () => import('../views/Dot/index.vue')
    },
    {
        path: '/roll',
        name: 'roll',
        component: () => import('../views/Roll/index.vue')
    }
]

const router = createRouter({
    history: createWebHistory(),
    routes
})

export default router
